<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Final</title>
    <link rel="icon" href="img/favicon.ico" type="x-icon">
    <link rel="stylesheet" href="../Final/css/main.css">
    <link rel="stylesheet" href="../Final/css/banner.css">
    <link rel="stylesheet" href="../Final/css/video.css">

</head>
<body>
    <div><img class="backimg" src="img/background.jpg" alt="Error"></div>

    <div class="fullfade" id="fullfadehidden"></div>

    <div class="popup" id="popup">
        <img src="" alt="Error" id="popupimg">
    </div>

    <div class="full"></div>


    <div style="position: fixed; width: 100%; z-index: 100; box-shadow:0 0 2px rgba(0, 0, 0, 0.2);">
        <div class="top">
            <div class="top">
                <img style="margin-left: 15px; margin-right: 5px; height: 55px; border-radius: 15px;" src="../Final/img/仓库.webp" alt="Error">
            </div>
            <div class="top">
                <a class="topa" href="https://gitee.com/lijiawo/group">小组仓库</a>
                <a class="topa" href="https://gitee.com/lijiawo">肖磊</a>
                <a class="topa" href="https://gitee.com/King-Joe">王嘉杰</a>
                <a class="topa" href="https://gitee.com/llppcll">莫云飞</a>
                <a class="topa" href="https://gitee.com/xuan-shuliang">梁树煊</a>
                <a class="topa" href="https://gitee.com/aurora-01">梁韦健</a>
                <a class="topa" href="https://www.bilibili.com/video/BV1cz3veWE3o/">介绍视频</a>
            </div>
        </div>
    </div>

    <div class="msg">
        <div class="msgl" id="msg1">
            <div class="headbox" style="margin-bottom: 25px;">
                <h1 class="headtext">Leaning</h1>
                <hr style="margin-top: 30px;">
            </div>
            <div style="margin: 25px 0;">
                <h2>学吧,总有一样用得到的···</h2>
            </div>
            <div class="bannerout">
                <div class="banner">
                    <div class="bannerin">
                        <div class="banneritem"><a href="https://www.bilibili.com/video/BV14F411Z7FZ/?spm_id_from=333.1098.0.0"><img src="../Final/img/b1.jpg" alt="Error"></a></div>
                        <div class="banneritem"><a href="https://www.bilibili.com/video/BV1nC4y137sc/?spm_id_from=333.1098.0.0"><img src="../Final/img/b2.jpg" alt="Error"></a></div>
                    </div>
                    <div class="switchbanner">
                        <span class="switchnoact switchact"></span><span class="switchnoact">
                    </div>
                </div>
            </div>
            <div style="display: flex;"><div style="flex: 0.97;"></div><button class="switchcla" id="f5">刷新</button></div>
            <div style="margin-top: 20px;" class="videosout">
                <div class="videomar">
                    <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                        <div style="height: 183.14px; width: 325.61px;">
                            <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                                <a class="videomark" href="">
                                    <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                        <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                            <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                            <span class="viewmark" style="font-size: 13px;">0</span>
                                        </span>
                                        <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                        </span>
                                        <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                    </div>
                                    <div style="position: absolute;">
                                        <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                        <div></div>
                                    </div>
                                </a>
                            </div>
                            <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                                <div style="height: auto; width: 250px; overflow: hidden;">
                                    <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                                </div>
                            </div>
                            <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px;">
                                <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="videomar">
                    <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                        <div style="height: 183.14px; width: 325.61px;">
                            <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                                <a class="videomark" href="">
                                    <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                        <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                            <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                            <span class="viewmark" style="font-size: 13px;">0</span>
                                        </span>
                                        <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                        </span>
                                        <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                    </div>
                                    <div style="position: absolute;">
                                        <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                        <div></div>
                                    </div>
                                </a>
                            </div>
                            <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                                <div style="height: auto; width: 250px; overflow: hidden;">
                                    <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                                </div>
                            </div>
                            <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                                <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="videomar">
                    <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                        <div style="height: 183.14px; width: 325.61px;">
                            <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                                <a class="videomark" href="">
                                    <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                        <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                            <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                            <span class="viewmark" style="font-size: 13px;">0</span>
                                        </span>
                                        <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                        </span>
                                        <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                    </div>
                                    <div style="position: absolute;">
                                        <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                        <div></div>
                                    </div>
                                </a>
                            </div>
                            <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                                <div style="height: auto; width: 250px; overflow: hidden;">
                                    <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                                </div>
                            </div>
                            <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                                <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="videomar">
                    <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                        <div style="height: 183.14px; width: 325.61px;">
                            <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                                <a class="videomark" href="">
                                    <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                        <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                            <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                            <span class="viewmark" style="font-size: 13px;">0</span>
                                        </span>
                                        <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                        </span>
                                        <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                    </div>
                                    <div style="position: absolute;">
                                        <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                        <div></div>
                                    </div>
                                </a>
                            </div>
                            <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                                <div style="height: auto; width: 250px; overflow: hidden;">
                                    <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                                </div>
                            </div>
                            <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                                <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="videomar">
                    <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                        <div style="height: 183.14px; width: 325.61px;">
                            <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                                <a class="videomark" href="">
                                    <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                        <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                            <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                            <span class="viewmark" style="font-size: 13px;">0</span>
                                        </span>
                                        <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                        </span>
                                        <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                    </div>
                                    <div style="position: absolute;">
                                        <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                        <div></div>
                                    </div>
                                </a>
                            </div>
                            <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                                <div style="height: auto; width: 250px; overflow: hidden;">
                                    <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                                </div>
                            </div>
                            <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                                <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="videomar">
                    <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                        <div style="height: 183.14px; width: 325.61px;">
                            <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                                <a class="videomark" href="">
                                    <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                        <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                            <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                            <span class="viewmark" style="font-size: 13px;">0</span>
                                        </span>
                                        <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                        </span>
                                        <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                    </div>
                                    <div style="position: absolute;">
                                        <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                        <div></div>
                                    </div>
                                </a>
                            </div>
                            <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                                <div style="height: auto; width: 250px; overflow: hidden;">
                                    <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                                </div>
                            </div>
                            <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                                <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
        </div>


        <div id="msgr" class="msgr">

            <div id="msgrlist" class="msgrtop">
                <h1>顺职二班第六小组</h1>
            </div>


            <div>
                <!-- <div style="background-color: rgba(255, 255, 255, 0.8); padding: 14px; border-radius: 10px;">
                    <div style="width: 100%; margin: 10px 0 20px 0;">
                        <h3>目录</h3>
                        <hr style="margin: 15px 0 0 0;">
                    </div>
                    <div style="display: flex;">
                        <div style="border-radius: 10px; width: 4px; flex-shrink: 0; background-color: gray;">
                        </div>
                        <div>
                            <ol class="index">
                                <li class="ind indexitem">
                                    <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                                </li>
                                <li class="ind indexitem">
                                    <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                                </li>
                                <li class="ind indexitem">
                                    <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                                </li>
                                <li class="ind indexitem">
                                    <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                                </li>
                                <li class="ind indexitem">
                                    <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                                </li>
                                <li class="ind indexitem">
                                    <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                                </li>
                            </ol>
                        </div>
                    </div>
                </div> -->
            </div>



        </div>
    </div>



    <div id="msgrfixed" class="msgr-fixed">
        <div style="width: 100%; margin: 10px 0 20px 0;">
            <h3>目录</h3>
            <hr style="margin: 15px 0 0 0;">
        </div>
        <div style="display: flex;">
            <div style="border-radius: 10px; width: 4px; flex-shrink: 0; background-color: gray;">
            </div>
            <div>
                <ol class="index">
                    <li class="ind indexitem">
                        <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                    </li>
                    <li class="ind indexitem">
                        <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                    </li>
                    <li class="ind indexitem">
                        <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                    </li>
                    <li class="ind indexitem">
                        <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                    </li>
                    <li class="ind indexitem">
                        <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                    </li>
                    <li class="ind indexitem">
                        <a class="indexlisturlmark"><div class="indexitemspan"><span class="indexlistmark"></span></div></a>
                    </li>
                </ol>
            </div>
        </div>
    </div>


<!-- ======================================================================================================================= -->


    <div class="msglmid" id="msg1">
        <div class="headbox" style="margin-bottom: 25px;">
            <h1 class="headtext">Leaning</h1>
            <hr style="margin-top: 30px;">
        </div>
        <div style="margin: 25px 0;">
            <h2>学吧,总有一样用得到的···</h2>
        </div>
        <div class="bannerout">
            <div class="banner">
                <div class="bannerin">
                    <div class="banneritem"><img src="img/b1.jpg" alt="Error"></div>
                    <div class="banneritem"><img src="img/b2.jpg" alt="Error"></div>
                </div>
                <div class="switchbanner">
                    <span class="switchnoact switchact"></span><span class="switchnoact">
                </div>
            </div>
        </div>
        <div style="display: flex;"><div style="flex: 0.97;"></div><button class="switchcla" id="f5">刷新</button></div>
        <div style="margin-top: 20px;" class="videosout">
            <div class="videomar">
                <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                    <div style="height: 183.14px; width: 325.61px;">
                        <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                            <a class="videomark" href="">
                                <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                    <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                        <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                        <span class="viewmark" style="font-size: 13px;">0</span>
                                    </span>
                                    <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                    </span>
                                    <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                </div>
                                <div style="position: absolute;">
                                    <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                    <div></div>
                                </div>
                            </a>
                        </div>
                        <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                            <div style="height: auto; width: 250px; overflow: hidden;">
                                <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                            </div>
                        </div>
                        <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px;">
                            <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                        </div>

                    </div>
                </div>
            </div>

            <div class="videomar">
                <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                    <div style="height: 183.14px; width: 325.61px;">
                        <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                            <a class="videomark" href="">
                                <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                    <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                        <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                        <span class="viewmark" style="font-size: 13px;">0</span>
                                    </span>
                                    <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                    </span>
                                    <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                </div>
                                <div style="position: absolute;">
                                    <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                    <div></div>
                                </div>
                            </a>
                        </div>
                        <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                            <div style="height: auto; width: 250px; overflow: hidden;">
                                <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                            </div>
                        </div>
                        <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                            <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                        </div>

                    </div>
                </div>
            </div>

            <div class="videomar">
                <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                    <div style="height: 183.14px; width: 325.61px;">
                        <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                            <a class="videomark" href="">
                                <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                    <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                        <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                        <span class="viewmark" style="font-size: 13px;">0</span>
                                    </span>
                                    <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                    </span>
                                    <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                </div>
                                <div style="position: absolute;">
                                    <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                    <div></div>
                                </div>
                            </a>
                        </div>
                        <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                            <div style="height: auto; width: 250px; overflow: hidden;">
                                <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                            </div>
                        </div>
                        <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                            <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                        </div>

                    </div>
                </div>
            </div>

            <div class="videomar">
                <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                    <div style="height: 183.14px; width: 325.61px;">
                        <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                            <a class="videomark" href="">
                                <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                    <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                        <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                        <span class="viewmark" style="font-size: 13px;">0</span>
                                    </span>
                                    <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                    </span>
                                    <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                </div>
                                <div style="position: absolute;">
                                    <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                    <div></div>
                                </div>
                            </a>
                        </div>
                        <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                            <div style="height: auto; width: 250px; overflow: hidden;">
                                <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                            </div>
                        </div>
                        <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                            <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                        </div>

                    </div>
                </div>
            </div>

            <div class="videomar">
                <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                    <div style="height: 183.14px; width: 325.61px;">
                        <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                            <a class="videomark" href="">
                                <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                    <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                        <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                        <span class="viewmark" style="font-size: 13px;">0</span>
                                    </span>
                                    <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                    </span>
                                    <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                </div>
                                <div style="position: absolute;">
                                    <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                    <div></div>
                                </div>
                            </a>
                        </div>
                        <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                            <div style="height: auto; width: 250px; overflow: hidden;">
                                <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                            </div>
                        </div>
                        <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                            <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                        </div>

                    </div>
                </div>
            </div>

            <div class="videomar">
                <div style="display: flex; height: 204.19px; width: 235px; border-radius: 8px;">
                    <div style="height: 183.14px; width: 325.61px;">
                        <div class="topv" style="position: relative; height: 132.19px; width: 235px;">
                            <a class="videomark" href="">
                                <div class="topm" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; position: absolute; height: 16px; width: 219px; display: flex; z-index: 2; padding: 16px 8px 6px 8px; align-items: center; top: 94.19px;">
                                    <span style="color: #fff; margin-right: 12px; display: flex; align-items: center;">
                                        <svg style="height: 18px; width: 18px; margin-right: 2px;" viewBox="0 0 24 24" width="24" height="24"><path d="M12 4.99805C9.48178 4.99805 7.283 5.12616 5.73089 5.25202C4.65221 5.33949 3.81611 6.16352 3.72 7.23254C3.60607 8.4998 3.5 10.171 3.5 11.998C3.5 13.8251 3.60607 15.4963 3.72 16.76355C3.81611 17.83255 4.65221 18.6566 5.73089 18.7441C7.283 18.8699 9.48178 18.998 12 18.998C14.5185 18.998 16.7174 18.8699 18.2696 18.74405C19.3481 18.65655 20.184 17.8328 20.2801 16.76405C20.394 15.4973 20.5 13.82645 20.5 11.998C20.5 10.16965 20.394 8.49877 20.2801 7.23205C20.184 6.1633 19.3481 5.33952 18.2696 5.25205C16.7174 5.12618 14.5185 4.99805 12 4.99805zM5.60965 3.75693C7.19232 3.62859 9.43258 3.49805 12 3.49805C14.5677 3.49805 16.8081 3.62861 18.3908 3.75696C20.1881 3.90272 21.6118 5.29278 21.7741 7.09773C21.8909 8.3969 22 10.11405 22 11.998C22 13.88205 21.8909 15.5992 21.7741 16.8984C21.6118 18.7033 20.1881 20.09335 18.3908 20.23915C16.8081 20.3675 14.5677 20.498 12 20.498C9.43258 20.498 7.19232 20.3675 5.60965 20.2392C3.81206 20.0934 2.38831 18.70295 2.22603 16.8979C2.10918 15.5982 2 13.8808 2 11.998C2 10.1153 2.10918 8.39787 2.22603 7.09823C2.38831 5.29312 3.81206 3.90269 5.60965 3.75693z" fill="currentColor"></path><path d="M14.7138 10.96875C15.50765 11.4271 15.50765 12.573 14.71375 13.0313L11.5362 14.8659C10.74235 15.3242 9.75 14.7513 9.75001 13.8346L9.75001 10.1655C9.75001 9.24881 10.74235 8.67587 11.5362 9.13422L14.7138 10.96875z" fill="currentColor"></path></svg>
                                        <span class="viewmark" style="font-size: 13px;">0</span>
                                    </span>
                                    <span style="color: #fff; margin-right: 12px; display: flex; flex: 1; align-items: center;">
                                    </span>
                                    <span class="clasnummark" style="color: #fff; font-size: 13px;">00</span><span style="color: #fff; font-size: 13px;">集</span>
                                </div>
                                <div style="position: absolute;">
                                    <div><img class="coverurlmark" style="height: 132.19px; width: 235px; border-radius: 8px;" src="img/neterror.jpg"></div>
                                    <div></div>
                                </div>
                            </a>
                        </div>
                        <div style="margin-top: 8px; max-height: 64.25px; width: 235px;">
                            <div style="height: auto; width: 250px; overflow: hidden;">
                                <a class="videotitlemark" href=""><h4 class="h4color bili titlemark" style="font-size: 14px; padding-right: 16px; transition: color .2s linear; text-overflow: ellipsis;">等待网络连接</h4></a>
                            </div>
                        </div>
                        <div style="color: #3c3f42; width: 235px; height: 16.25px; margin-top: 4px; line-height: 10px">
                            <span class="clasnammark" style="height: 16.25px; width: auto; max-width: 230px; font-size: 13px;"></span>
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>




    <script src="../Final/js/main.js"></script>
    <script src="../Final/js/banner.js"></script>
    <script src="../Final/js/video.js"></script>
    <script src="../Final/js/videoapi.js" defer></script>


</body>
</html>